<extend name="Public:template" />
<block name="page_body">
	<div class="row top-hot">
		<div class="span4">
			<include file="Public:left_menu_cate"/>
			<div class="mt10">
				<div class="thumbnail text-center">
					<img src="__ROOT__/statics/www/images/weixin.jpg">
					<p>用微信你也可以轻松订饭，购物啦！不想扫扫看？</p>
				</div>
			</div>
		</div>
		<div class="span16 mt10">		
			<div class="row prodList">
				<div>
					<volist name="prodData.list" id="val">
						<div class="span8 mt10">
						<div class="media" >
							<a class=" pull-left thumbnail" href="{:U('Tuangou/showDetail',array('prod_id'=>$val['prod_id']))}"   style="width:160px;height:160px"  target="_blank">
								<img class="media-object" style="width:160px;height:160px" src="{$val.prod_pic}" alt="{$val.name}">
							</a>
							<div class="media-body">
								<h5 class="media-heading" style="font-weight:200;font-size:12px;"><a href="{:U('Tuangou/showDetail',array('prod_id'=>$val['prod_id']))}" target="_blank">{$val.title}</a></h5>
								<p class="label label-info">{$val.prod_spec}</p>
								<p class="price"><span class="now">¥{$val.price_real}</span><span class="old">¥{$val.price_sale}</span></p>
								<p class="mt10">
									<button type="button" class="btn btn-info btn-small" onclick="redirect('{:U('Tuangou/showDetail',array('prod_id'=>$val['prod_id']))}')"><i class="icon-white icon-search"></i>查看详细</button>
									<button type="button" class="btn btn-warning btn-small" onclick="redirect('{:U('Tuangou/showConfirm',array('prod_id'=>$val['prod_id']))}')"><i class="icon-white icon-shopping-cart"></i>立即预订</button>
								</p>
							</div>
						</div>
						</div>
					</volist>
				</div>
				<div class="span16">
					{$prodData.page}
				</div>
			</div>
		</div>
	</div>
</block>
<block name="script_footer">
<script type="text/javascript">
$(function(){
	$('#page_tg').siblings().removeClass('active');
	$('#page_tg').addClass('active');
})
</script>
</block>